<template>
  <div class="l-loadmore">
    <view class="loadmore-flex">
      <u-loadmore
        v-if="popup && pageindex > 1"
        :status="status"
        :load-text="loadText"
		:icon-type="iconType"
        style="padding: 20rpx 0"
      />
    </view>
  </div>
</template>

<script>
export default {
  name: "l-loadmore",
  props: {
    pageindex: Number,
  },
  data() {
    return {
      popup: true,
      status: "loadmore",
	  iconType: 'circle',
      loadText: {
        loadmore: "轻轻上拉",
        loading: "努力加载中",
        nomore: "实在没有了",
      },
      pageIndex:1
    };
  },
  computed: {},
  methods: {},
  watch: {
    pageindex(v) {
      this.pageIndex = v;
    },
    status(v){
      this.status = v
    }
  },

  // 组件周期函数--监听组件挂载完毕
  mounted() {
    this.pageIndex = this.pageindex
  },
};
</script>

<style lang="scss" scoped>
</style>